<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="black"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black"
      data-section-id="607bf9c9a79f9205b0d3ea7b"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 267.656px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../../assets/imgs/app+reg+1.png"
            data-image="../../assets/imgs/app+reg+1.png"
            data-image-dimensions="1920x1282"
            data-image-focal-point="0.7097902097902098,0.43968266950192203"
            data-load="false"
            elementtiming="nbf-background"
            src="../../assets/imgs/app+reg+1.png"
            width="1920"
            height="1282"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="
              display: block;
              object-position: 70.97902097902097% 43.9682669501922%;
            "
            srcset="
              ../../assets/imgs/app+reg+1.png?format=100w   100w,
              ../../assets/imgs/app+reg+1.png?format=300w   300w,
              ../../assets/imgs/app+reg+1.png?format=500w   500w,
              ../../assets/imgs/app+reg+1.png?format=750w   750w,
              ../../assets/imgs/app+reg+1.png?format=1000w 1000w,
              ../../assets/imgs/app+reg+1.png?format=1500w 1500w,
              ../../assets/imgs/app+reg+1.png?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h1
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="h2-white h1-1"
                      >
                        Appointment
                        <em style="font-weight: 300">Registration</em>
                      </h1>
                      <p class="sqsrte-large">
                        A convenient way to make your medical appointment
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme=""
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="link-box">
                <router-link class="link-1" to="/healthservicesmenu"
                  >Full Service Menu</router-link
                >
              </div>
              <div class="tip1-botm">
                <h3><strong>Appointment Registration</strong></h3>
              </div>
              <div class="tip2">
                <p>
                  The hospital appointment registration system refers to the
                  system used by hospitals to make appointments for patients
                  through fixed telephones, websites, mobile phones, text
                  messages and other channels.
                </p>
              </div>
              <div class="tip2">
                <p>
                  The provision of hospitals is conducive to patient
                  consultation, medical treatment plans are arranged in advance,
                  and waiting time is reduced. It is also conducive to the
                  improvement of the hospital's management level, the
                  improvement of work efficiency and the quality of medical
                  care, and the reduction of medical safety risks.
                </p>
              </div>
              <div class="tip2">
                <p>
                  At present, there are many hospitals in China that implement
                  appointment registration services, as well as companies
                  engaged in related services, but there are defects in many
                  aspects such as system standardization, management
                  institutionalization, and ease of use, and even some
                  individuals or groups use it as a huge amount. The source of
                  profit. For this reason, the appointment registration service
                  not only fails to facilitate patients' visits and improve the
                  management of the hospital, on the contrary, it is also
                  disgusted by many patients and hospital workers.
                </p>
              </div>
              <div class="tip2">
                <p>
                  In order to standardize and promote appointment registration
                  services, the Ministry of Health recently released the
                  "Opinions on the Implementation of Appointment Registration
                  Services in Public Hospitals (Draft for Comment)" on its
                  official website. Awareness of registration service work,
                  strengthen the management of appointment registration service
                  work, and conscientiously do a good job in related
                  organization work. Adhere to the convenience of the people to
                  seek medical treatment, and successfully tailored an online
                  appointment registration system for them.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    /* font-size: calc((4 - 2)* 1.2vw + 1rem); */
    font-weight: 500;
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .content {
    width: 75%;
    word-break: break-word;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc(1.1 * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  .sqsrte-large {
    font-size: calc((1.4 - 1) * 1.2vw + 1rem);
  }
}
.sqsrte-large {
  text-align: center;
  color: #fff;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 33vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.sqs-block {
  padding: 0 17px;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.h2-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: inherit;
}
.sqs-col-12 {
  width: 100%;
}
.link-box {
  padding-bottom: 17px;
}
.link-1 {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #000;
  font-size: 14px;
}
.img-box {
  max-width: 390px;
  margin: 0 auto;
}
.tip1-botm {
  padding-bottom: 17px;
}
.tip1 h3 {
  margin-bottom: 0;
  text-align: center;
}
.tip2 {
  /* padding-bottom: 17px; */
  word-wrap: break-word;
  color: #333;
  line-height: 30px;
  font-weight: 300;
  font-family: Poppins;
}
.tip3 p {
  margin: 17px 0;
  color: rgb(0, 36, 82);
}
.h3Css {
  padding-bottom: 0;
}
.h3Css h3 {
  text-align: left;
}
</style>
